<clr-signpost>
  <clr-signpost-content *clrIfOpen>
    <h3 style="margin-top: 0">{{action.name}}</h3>
    <p>将在  {{action.availableIn | endIn}} 后可用</p>

    <div *ngFor="let cost of action.prices; trackBy getPriceId">
      <h6>{{cost.base.name}} {{getVal(cost)}}% </h6>
      <span *ngIf="!cost.canBuy">将在 {{cost.avIn.times(1000).toNumber() | endIn}} 后可用</span>
      <div class="progress-static danger"
           [ngClass]="{'success': cost.canBuy, 'danger': !cost.canBuy}">
        <div class="progress-meter"
             [attr.data-value]="getVal(cost)"></div>
      </div>
    </div>

  </clr-signpost-content>
</clr-signpost>
